<div id="show"></div>
<div class="container-fluid" >
<div class="row" >
<div class="col-sm-3 col-md-4 sidebar" style="background-color: #d9edf7;">
		<fieldset>
		<legend>Cadastro Ligações</legend>
		<form class="form-horizontal" role="form">
		  <div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Ramal</label>
			<div class="col-sm-4">
			  <input type="email" class="form-control input-sm" id="inputEmail3" placeholder="Ramal">
			</div>
		  </div>
		  <div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">De</label>
			<div class="col-sm-10">
			  <input type="email" class="form-control input-sm" id="inputEmail3" placeholder="De">
			</div>
		  </div>
		  <div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Telefone</label>
			<div class="col-sm-4">
			  <input type="email" class="form-control input-sm" id="inputEmail3" placeholder="Telefone">
			</div>
		  </div>
		  <div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Para</label>
			<div class="col-sm-10">
			  <input type="email" class="form-control input-sm" id="inputEmail3" placeholder="Para">
			</div>
		  </div>
		  <div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Assunto</label>
			<div class="col-sm-10">
			  <textarea class="form-control input-sm" id="inputEmail3" placeholder="Assunto"></textarea>
			</div>
		  </div>
		  
	   <div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Tipo</label>
			<div class="col-sm-10">
				  <select>
				<option value=""></option>
				<option value="">LOCAL</option>
				<option value="">INTERURBANO</option>
				</select>
				</div>
		  </div>
		  
		  <div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
			  <div class="checkbox">
				<label>
				  <input type="checkbox"> Remember me
				</label>
			  </div>
			</div>
		  </div>
		  <div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
			  <button type="submit" class="btn btn-default">Registrar</button>
			</div>
		  </div>
		</form>
		</fieldset>
	</div>
<div class="col-md-8">
<fieldset>
<legend>Ligações Pendentes</legend>
<table class="table">
      <thead>
        <tr>
          <th>Data/Hora</th>
          <th>Ramal</th>
          <th>De</th>
          <th>Telefone</th>
          <th>Para</th>
          <th>Assunto</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
		  <td>Teste</td>
          <td>
			  <select>
				  <option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
		  <td>Teste</td>
          <td>
			  <select>
				  <option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>

		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
		  <td>Teste</td>
          <td>
			  <select>
				  <option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
        <tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
			 <option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
				<option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
				<option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
				<option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
				<option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
				<option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
		
		<tr>
          <td>17/10/2014 15:34</td>
          <td>3902-1123</td>
          <td>Lucas</td>
          <td>(43) 9545-5687</td>
          <td>Mateus</td>
          <td>Teste</td>
		  <td>
			  <select>
				<option value=""></option>
				<option value="">Não se encontra</option>
				<option value="">Número não existe</option>
				<option value="">Ocupado</option>
				<option value="">Realizado</option>
			  </select>
		  </td>
        </tr>
      </tbody>
    </table>
	</fieldset>
</div>
<!--
<div class="col-md-8">
<fieldset>
		<legend>INFORMAÇÕES</legend>
		<table class="table">
			<thead>
				<tr>
					<th>#</th>
					<th>Informações</th>
					<th>Ramal</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>17/10/2014 15:34</td>
					<td>Novo Ramal Cadastrado</td>
					<td>(43)3902-1023</td>
				</tr>
			</tbody>
		</table>
	</fieldset>
</div>
-->
</div>
</div>

<script>
    $(document).ready(
            function() {
                setInterval(function() {
                    var randomnumber = Math.floor(Math.random() * 100);
                    $('#show').text(
                            'I am getting refreshed every 3 seconds..! Random Number ==> '
                                    + randomnumber);
                }, 3000);
            });
</script>
</body>
</html>